<template>
    <body>
    <div class="wrapper">

        <!-- header部分 -->
        <header>
            <p>确认订单</p>
        </header>

        <!-- 订单信息部分 -->
        <div class="order-info">
            <h5>订单配送至：</h5>
            <div class="order-info-address" @click="handleClick(8)">
                <p >云南大学</p>
                <i  class="fa fa-angle-right"></i>
            </div>
            <p>蔡新宇先生 13658383415</p>
        </div>

        <h3>万家饺子（软件园E18店）</h3>
        <!-- 订单明细部分 -->
        <ul class="order-detailed">
            <li>
                <div class="order-detailed-left">
                    <img src="../img/sp01.png">
                    <p>纯肉鲜肉（水饺） x 2</p>
                </div>
                <p>&#165;15</p>
            </li>
            <li>
                <div class="order-detailed-left">
                    <img src="../img/sp02.png">
                    <p>玉米鲜肉（水饺） x 1</p>
                </div>
                <p>&#165;16</p>
            </li>
        </ul>
        <div class="order-deliveryfee">
            <p>配送费</p>
            <p>&#165;3</p>
        </div>

        <!-- 合计部分 -->
        <div class="total">
            <div class="total-left">
                &#165;{{money1}}
            </div>
            <div class="total-right" @click="handleClick(7)">
                去支付
            </div>
        </div>
    </div>
    </body>
</template>

<script setup>
import router from "../router/index.js";
const money1=localStorage.getItem("money")

function handleClick(Num){
    //路由负责跳转
    if (Num===1)router.push('/Index')
    if(Num===2)router.push('/OrderList')
    if(Num===3)router.push('/Login')
    if(Num===7)router.push('/Payment')
    if(Num===8)router.push('/Address')

}
</script>

<style scoped lang="css">
@import "../../src/css/reset.css";
@import "../../src/css/font-awesome/css/font-awesome.min.css";
@import "../../src/css/order.css";
@import "../../src/css/normalize.css";
</style>